<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="/lib/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="/lib/easyui/themes/themes/icon.css">
		<script type="text/javascript" src="/lib/easyui/jquery.min.js"></script>
		<script type="text/javascript" src="/lib/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="/lib/require.js"></script>
		<title></title>
	</head>
	<body>
		<div>444</div>
		<a>333</a>
		<div class="easyui-draggable" style="position: absolute;top: 12px;left: 659px;">
				<div id="app">
					<Hello></Hello>
					<tvf></tvf>
				</div>
		</div>
		<div class="easyui-draggable" data-options="handle:'#title1'" style="width:200px;height:150px;background:#fafafa;border:1px solid #ccc;margin-top:10px;position: absolute;">
			<div id="title1" style="padding:5px;background:#ccc;color:#fff">Title</div>
			<div id="app1">
				<Hello></Hello>
				<tvf></tvf>
			</div>
	</div>
		<script>
			require.config({
				urlArgs : "v1.0",
				baseUrl: "/lib",
				paths: {
					'vue': 'vue.min',
					'text': 'text.min',
					'hello': '/components/hello',
					'tvf':'/components/tvf'
				},
				waitSeconds: 0
			});

			require(['vue', 'hello','tvf'], function (Vue, Hello,tvf){
				console.log('index require')
				Vue.component('tvf', tvf);
				Vue.component('Hello',Hello)
				let app = new Vue({
					el: '#app'
				})
				new Vue({
					el:'#app1'
				})
				console.log('end')
			});
		</script>
	</body>
</html>
